<template>
    <p>{{ isNull }}不要写成isNull()</p>
    <p>{{ isNull2() }}写成isNull()</p>
</template>

<script>

export default {
    data(){
        return{
            arr:[23,"lisi"]
        }
    },
    //调一次会计算一次
    methods:{
        isNull2(){
            return this.arr.length>0?"有数据":"无数据"
        }
    },
    //计算属性，
    //调用多次，只会计算一次，只有在依赖变量发生改变时才会重新修改
    computed:{
        isNull(){
            return this.arr.length>0?"有数据":"无数据"
        }
    }
}
</script>
